$Maincolor: #5fc6c2;

.tourMdetails {
  width: 100%;
  height: 100%;

  // 公用分割线
  .interval {
    height: 0.3rem;
    background-color: #f4f3ee;
  }

  // 主图
  .cover {
    width: 100%;

    .van-icon-arrow-left {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 100;
      font-size: 0.8rem;
      color: #fff;
    }

    .van-image {
      width: 100%;

    }
  }

  // 标题,价格等信息
  .detail-title {
    padding: 24px 16px 26px;

    .good-title {
      font-size: 24px;
      font-weight: 900;
      line-height: 1.33;
      letter-spacing: 0;
      color: #544641;
    }

    .good-price {
      margin-top: 30px;
      height: 24px;
      font-size: 12px;
      line-height: 1.17;
      letter-spacing: 0;
      color: #918682;

      .num {
        float: left;

        &>span {
          font-size: 12px;
          font-weight: 500;
          font-style: normal;
          line-height: 1.33;
          color: #f06e6e;
          padding-right: 2px;
        }

        &>span:nth-child(2) {
          font-size: 24px;
          line-height: 1;
          font-style: oblique;
        }
      }

      .but-count {
        float: right;
        font-size: 12px;
        line-height: 2.17;
        letter-spacing: 0;
        text-align: right;
        color: #918682;
      }
    }
  }

  // 保障
  .promise {
    &>.van-col--24:nth-child(2) {
      text-align: center;
      padding-top: 16px;
      padding-bottom: 16px;

      .promise-img {
        width: 95%;
      }
    }

  }

  // 行程评价
  .evaluate {
    padding-top: 24px;

    .evaluate-title {
      padding-left: 16px;
      font-size: 20px;
      font-weight: 900;
      line-height: 1.6;
      letter-spacing: 0;
      color: #544641;
    }

    .evaluate-tag {
      padding-left: 16px;
      margin-top: 14px;

      &>span {
        margin-right: 8px;
        padding: 4px 12px;
        // height: 24px;
        border-radius: 12px;
        background-color: #f8f7f2;
      }
    }

    .evaluate-detail {
      margin-top: 26px;
      padding-left: 16px;
      padding-right: 16px;

      .head-img {
        float: left;
        height: 40px;
        width: 40px;
        padding-right: 8px;
      }
    }

    .evaluate-msg {
      height: 200px;
      overflow-y: hidden;

      .msg-title {
        height: 40px;

        .left-name {
          float: left;
        }

        .right-star {
          float: right;
        }
      }

      .msg-content {
        padding: 11px 0 0;
        font-size: 14px;
        color: #918682;
        word-wrap: break-word;
        word-break: break-all;
      }

      .msg-img {
        margin: 12px 0 0;
        width: 204px;
        border: 1px solid #efefef;
      }
    }

    .more {
      margin-top: 27px;
      width: 155px;
      height: 24px;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0;
      color: #50bdb9;
    }
  }

  // 图文详情
  .viscouslayout {
    margin-top: 30px;

    .van-tabs__nav--line {
      box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);

      .van-tab {
        color: #544641;
        font-size: 16px;
      }
    }

    .detail-plan {
      font-size: 14px;

      img {
        width: 100%;
      }
    }

    .van-image {
      width: 100%;
    }

    // 预定须知
    .needKnow {
      padding: 24px 16px 1.4rem;
      ;

      .needKnow-title {
        font-size: 20px;
        font-weight: 900;
        line-height: 1.5;
        letter-spacing: 0;
        text-align: justify;
        color: #544641;
      }

      .textdescription {
        margin-top: 8px;
        list-style: none;
        color: #918682;
      }
    }
  }

  // 返回顶部按钮
  .backButton {
    position: fixed;
    right: 10px;
    top: 40%;
  }

  // 底部预定
  .advisory {
    width: 100%;
    height: 1.4rem;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;

    .left {
      padding-left: 16px;
      height: 100%;
      line-height: 1.61rem;
      margin: 0;
      float: left;

      .money {
        color: #918682;

        span {
          font-size: 0.33rem;
          font-weight: 500;
          font-style: normal;
          line-height: 1.33;
          color: #f06e6e;
          padding-right: 2px;
        }

        &>span:nth-child(2) {
          font-size: 0.66rem;
          line-height: 1;
          font-style: oblique;
        }
      }
    }

    .right {
      float: right;
      width: 40%;
      background-color: #5fc6c2;
      height: 100%;
      font-size: 0.4444rem;
      font-weight: 500;
      line-height: 1.4rem;
      color: #fff;
      text-align: center;

    }
  }
}